<h1>Nueva Habitacion</h1>

<br/>

<div class="form-horizontal">
    <div class="form-group">
        <label for="inputEdificio" class="col-sm-2 control-label">Edificio</label>
        <div class="col-sm-10">
            <div id="inputEdificio-message"></div>
            <select class="form-control" id="inputEdificio" placeholder="Edificio">
                <option></option>
                <?php
                foreach ($decEdificioTable as $value) {
                    $decEdificio = new DecEdificio();
                    $decEdificio = (object) $value;

                    echo "<option value='{$decEdificio->getEdiId()}'>{$decEdificio->getEdiEdificio()}</option>";
                }
                ?>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="inputHabitacionTipo" class="col-sm-2 control-label">Tipo de Habitacion</label>
        <div class="col-sm-10">
            <div id="inputHabitacionTipo-message"></div>
            <select class="form-control" id="inputHabitacionTipo" placeholder="Tipo de Habitacion">
                <option></option>
                <?php
                foreach ($decHabitacionTipoTable as $value) {
                    $decHabitacionTipo = new DecHabitacionTipo();
                    $decHabitacionTipo = (object) $value;

                    echo "<option value='{$decHabitacionTipo->getHatId()}'>{$decHabitacionTipo->getHatTipo()}</option>";
                }
                ?>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="inputNumero" class="col-sm-2 control-label">Numero de Habitacion</label>
        <div class="col-sm-10">
            <div id="inputNumero-message"></div>
            <input type="text" class="form-control" id="inputNumero" placeholder="Numero de Habitacion">
        </div>
    </div>

    <div class="form-group">
        <label for="inputPrecio" class="col-sm-2 control-label">Precio por dia</label>
        <div class="col-sm-10">
            <div id="inputPrecio-message"></div>
            <div class="input-group">
                <div class="input-group-addon">$</div>
                <input type="text" class="form-control" id="inputPrecio" placeholder="0.00">
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="button" class="btn btn-primary" id="buttonSave">Crear</button>
            <button type="button" class="btn btn-danger" id="buttonCancel">Cancelar</button>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        /* LISTENERS */
        $("#buttonSave").click(function () {
            if (isValid()) {
                save();
            }
        });
        $("#buttonCancel").click(function () {
            $(location).attr("href", "<?php echo url_for("habitacion_lista/index"); ?>");
        });
    });

    function isValid() {
        var valid = true;

        var id = "inputEdificio";
        if (isEmpty($("#" + id).val())) {
            valid = false;
            setError(id, "Campo requerido");
        } else {
            clearError(id);
        }

        var id = "inputHabitacionTipo";
        if (isEmpty($("#" + id).val())) {
            valid = false;
            setError(id, "Campo requerido");
        } else {
            clearError(id);
        }

        var id = "inputNumero";
        if (isEmpty($("#" + id).val())) {
            valid = false;
            setError(id, "Campo requerido");
        } else {
            clearError(id);
        }

        var id = "inputPrecio";
        if (!isNumber($("#" + id).val())) {
            valid = false;
            setError(id, "Debe ser un valor numerico");
        } else {
            if (0 >= $("#" + id).val()) {
                valid = false;
                setError(id, "Debe ser un valor numerico mayor que cero");
            } else {
                clearError(id);
            }
        }

        return valid;
    }

    function save() {
        var inputEdificio = $("#inputEdificio option:selected").val();
        var inputHabitacionTipo = $("#inputHabitacionTipo option:selected").val();
        var inputNumero = $("#inputNumero").val();
        var inputPrecio = $("#inputPrecio").val();

        $.ajax({
            type: "post",
            url: "<?php echo url_for("habitacion_nuevo/save"); ?>",
            data: {
                inputEdificio: inputEdificio,
                inputHabitacionTipo: inputHabitacionTipo,
                inputNumero: inputNumero,
                inputPrecio: inputPrecio
            },
            success: function (response) {
                $(location).attr("href", "<?php echo url_for("habitacion_lista/index"); ?>");
            }
        });
    }
</script>